<template>
    <div class="mytab">
        <van-tabs   v-model="active">
            <van-tab v-for="item in tabs" :key="item.id" :title="item.name">
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                tabs: [{
                    name: '全部',
                    id: 0
                }, {
                    name: '待确认',
                    id: 1
                }, {
                    name: '已成交',
                    id: 2
                }, {
                    name: '执行中',
                    id: 3
                }, {
                    name: '完成',
                    id: 4
                }],
                active: 0
            }
        },
    }
</script>

<style scoped lang='less'>
    .mytab {
        .van-tab--active {
            color: #fff !important;
        }
    }
</style>